<template>
  <div id="app" class="admin-task-bd">
      <header>
        <div class="m-siteNav">
            <div class="m-row">
              <div class="am-topbar-brand m-siteSlog">
                <router-link to="/">好的生活，没那么贵</router-link>
              </div>
            
              <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
            
              <div class="am-collapse am-topbar-collapse am-topbar-right" id="doc-topbar-collapse">
                <ul class="am-nav am-nav-pills am-topbar-nav m-ulNav">
                    
                  
                  <li class="am-dropdown" v-if="!user"><router-link to="/login">登陆</router-link></li>
                  <li v-if="!user"><router-link to="/register">注册</router-link></li>
                  <li class="am-dropdown" data-am-dropdown  v-if="user">
                      <a class="am-dropdown-toggle m-toggle" data-am-dropdown-toggle href="javascript:;">
                        {{user.name}}  <span class="am-icon-caret-down"></span>
                      </a>
                      <ul class="am-dropdown-content">
                        <li><a v-link="''">退出当前账号</a></li>
                      </ul>
                    </li>
                    
                    
                  
                  <li><router-link to="/">严选态度</router-link></li>
                  <li><router-link to="/">企业采购</router-link></li>
                  <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle m-toggle" data-am-dropdown-toggle href="javascript:;">
                      客户服务 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                      <li><router-link to="/detail">帮助中心</router-link></li>
                      <li><router-link to="/">在线客服</router-link></li>
                      <li><router-link to="/">电话客服</router-link></li>
                      <li><router-link to="/">商务合作</router-link></li>
                    </ul>
                  </li>
                  <li><router-link to="/">下载APP</router-link></li>
                </ul>
              </div>
            </div>
        </div>
        <div class="m-tabNav">
            <div class="m-row">
                
                    <div class="m-poCenter">
                    </div>
                    
                    <div class="m-search">
                      <form class="am-topbar-form am-topbar-left am-form-inline" role="search">
                        <div class="am-form-group">
                          <input type="text" class="m-input" placeholder="搜索你想找的商品~" >
                        </div>
                        <a href="#" class="w-icon m-iconSearch" v-on:click="collapse"></a>
                        <a href="#" class="w-icon m-iconCart">
                            <i class="w-icon m-iconCart-num">{{cart.num}}</i>
                        </a>
                      </form>
                    </div>
                
            </div>
        </div>
        
        
      </header>
      <div class="m-main">
          <router-view></router-view>
      </div>
      
   
  </div>
</template>

<script>
var homeVar = require('./index.js')
module.exports = homeVar
</script>

